<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-tabs type="border-card">
        <el-tab-pane label="全部简历">
          <!-- 搜索筛选 -->
          <el-row :gutter="10">
            <!-- 地区 -->
            <el-col :span="4">
              <el-cascader
                v-model="resumeLists.citycategory"
                :options="jobAreaList"
                :props="{
                  checkStrictly: true, // 允许选择任意一级
                  expandTrigger: 'hover', // 鼠标悬停时展开子菜单
                  value: 'value',
                  label: 'label',
                  children: 'children',
                }"
                @change="handleAreaChange"
                clearable
                collapse-tags
                placeholder="请选择工作地区"
              ></el-cascader>
            </el-col>
            <!-- 职位 -->
            <el-col :span="4">
              <el-cascader
                v-model="resumeLists.jobcategory"
                :options="positionTypeList"
                @change="handlePositionChange"
                placeholder="请选择意向职位"
                clearable
              ></el-cascader>
            </el-col>
            <el-col :span="3">
              <el-select
                v-model="resumeLists.platform"
                placeholder="请选择注册来源"
                clearable
                @change="handleSourceChange"
              >
                <el-option
                  v-for="item in selectOptions"
                  :key="item.value"
                  :label="item.name"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="3">
              <el-select
                v-model="resumeLists.audit"
                placeholder="请选择审核状态"
                @change="handleSelect"
                clearable
              >
                <el-option
                  v-for="item in auditStatus"
                  :key="item.value"
                  :label="item.name"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="3">
              <el-select
                v-model="resumeLists.keyType"
                placeholder="简历名称"
                clearable
                @change="handleNameSelect"
              >
                <el-option
                  v-for="item in resumeName"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="6">
              <el-row :gutter="10" type="flex">
                <el-input
                  v-model="resumeLists.keyword"
                  placeholder="请输入搜索内容"
                  @change="handleInput"
                  @keyup.enter.native="handleSearch"
                ></el-input>
                <el-button type="primary" @click="handleSearch">
                  <i class="el-icon-search"></i>
                </el-button>
              </el-row>
            </el-col>

            <el-col :span="4" style="text-align: right">
              <!-- <el-button
                type="primary"
                size="small"
                style="margin-top: 5px"
                @click="addResumeClick"
                >新增简历</el-button
              > -->
            </el-col>
          </el-row>
          <!-- 数据表 -->
          <el-table
            ooltip-effect="dark"
            :data="resumeListArray"
            ref="multipleTable"
            style="margin-top: 20px"
            border
            :header-cell-style="{
              background: '#f4f7fa',
              color: 'black',
              fontWeight: '500',
            }"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" width="55" fixed />
            <el-table-column
              label="ID"
              align="center"
              sortable
              width="60"
              prop="id"
              fixed
            />
            <el-table-column
              label="姓名"
              align="center"
              prop="fullname"
              width="100"
              fixed
            >
              <template slot-scope="scope">
                <div style="display: flex">
                  <el-image
                    style="width: 20px; height: 20px"
                    :src="scope.row.photoImgSrc"
                  ></el-image>
                  <el-link type="primary" style="margin-left: 5px">{{
                    scope.row.fullname
                  }}</el-link>
                </div>
              </template>
            </el-table-column>
            <el-table-column
              label="性别"
              align="center"
              prop="sex"
              width="100"
              fixed
            >
              <template slot-scope="scope">
                {{ scope.row.sex === 1 ? "男" : "女" }}
              </template>
            </el-table-column>
            <el-table-column
              label="年龄"
              align="center"
              prop="age"
              width="100"
            />
            <el-table-column
              label="学历"
              align="center"
              width="100"
              prop="educationCn"
            >
            </el-table-column>
            <el-table-column
              label="经验"
              align="center"
              prop="experienceCn"
              width="100"
            />
            <el-table-column
              label="简历完整度"
              align="center"
              prop="completePercent"
              width="220"
            >
              <template slot-scope="scope">
                <el-progress
                  :percentage="scope.row.completePercent"
                ></el-progress>
              </template>
            </el-table-column>
            <el-table-column
              label="审核状态"
              prop="audit"
              width="120"
              align="center"
            >
              <template slot-scope="scope">
                <el-tag :type="getStatusType(scope.row.audit)">
                  {{ scope.row.audit | auditStatus }}
                </el-tag>
              </template>
            </el-table-column>
            <el-table-column
              label="简历联系方式"
              align="center"
              prop="contactMobile"
              width="120"
            >
              <template slot-scope="scope">
                <el-row :gutter="10" type="flex">
                  {{ scope.row.contactMobile }}
                  <i
                    class="el-icon-phone-outline"
                    style="color: greenyellow; cursor: pointer"
                  ></i>
                </el-row>
              </template>
            </el-table-column>
            <el-table-column
              label="会员联系方式"
              align="center"
              prop="memberMobile"
              width="160"
            >
              <template slot-scope="scope">
                <el-row :gutter="10">
                  {{ scope.row.memberMobile }}
                  <i
                    class="el-icon-phone-outline"
                    style="color: greenyellow; cursor: pointer"
                  ></i>
                </el-row>
              </template>
            </el-table-column>
            <!-- <el-table-column
              label="等级"
              align="center"
              prop="position"
              width="130"
            /> -->
            <el-table-column
              label="投递数"
              align="center"
              prop="deliveryNum"
              width="130"
            />
            <el-table-column
              label="被下载"
              align="center"
              prop="downloaded"
              width="130"
            />
            <el-table-column
              label="被查看"
              align="center"
              prop="viewed"
              width="130"
            />
            <el-table-column
              label="被面邀"
              align="center"
              prop="invitation"
              width="130"
            />
            <el-table-column
              label="刷新时间"
              align="center"
              prop="refreshtime"
              width="160"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.refreshtime">{{
                  scope.row.refreshtime | dateFormat
                }}</span>
                <span v-else>-</span>
              </template>
            </el-table-column>
            <el-table-column
              label="登录时间"
              align="center"
              prop="lastLoginTime"
              width="160"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.lastLoginTime">{{
                  scope.row.lastLoginTime | dateFormat
                }}</span>
                <span v-else>-</span>
              </template>
            </el-table-column>
            <el-table-column
              label="注册时间"
              align="center"
              prop="regTime"
              width="160"
            >
              <template slot-scope="scope">
                <span v-if="scope.row.regTime">{{
                  scope.row.regTime | dateFormat
                }}</span>
                <span v-else>-</span>
              </template>
            </el-table-column>
            <el-table-column
              label="附件"
              align="center"
              prop="position"
              width="130"
            >
              <template> - </template>
            </el-table-column>
            <el-table-column
              label="联系状态"
              align="center"
              prop="position"
              width="130"
            />
            <el-table-column
              label="跟进次数"
              align="center"
              prop="position"
              width="130"
              >0
            </el-table-column>
            <el-table-column
              label="最后跟进"
              align="center"
              prop="position"
              width="130"
            >
              -
            </el-table-column>
            <el-table-column
              label="简历备注"
              align="center"
              prop="position"
              width="130"
            >
              -
            </el-table-column>
            <el-table-column
              width="350"
              label="操作"
              align="center"
              fixed="right"
            >
              <template slot-scope="scope">
                <el-button type="text" @click="allResumesOpen(scope.row)"
                  >查看</el-button
                >
                <!-- <el-button type="text" @click="followUps">跟进</el-button> -->
                <el-button type="text" @click="examineBtn(scope.row)"
                  >审核</el-button
                >
                <el-button type="text" @click="handleDelete(scope.row.id)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <!-- 分页 -->
          <el-row
            :gutter="10"
            style="margin-top: 20px"
            type="flex"
            justify="end"
          >
            <!-- <el-col :span="10">
               <el-button type="primary" size="small" @click="toggleSelection"
                >全选/反选</el-button
              >
              <el-button type="primary" size="small">刷新简历</el-button> -->
            <!-- <el-button
                type="primary"
                size="small"
                @click="reviewResumeDialog = true"
                >审核简历</el-button
              > -->
            <!-- <el-button
                type="primary"
                size="small"
                @click="resumeLevelDialog = true"
                >简历等级</el-button
              >
              <el-button
                type="primary"
                size="small"
                @click="importResumeDialog = true"
                >导入简历</el-button
              > -->
            <!-- </el-col> -->
            <el-col :span="10">
              <el-button type="warning" size="small" @click="handleBatchAudit"
                >批量审核</el-button
              >
              <el-button type="danger" size="small" @click="handleBatchDelete"
                >批量删除</el-button
              >
              <el-button type="primary" size="small" @click="exportAllClick"
                >全部导出</el-button
              >
            </el-col>
            <el-col :span="14">
              <el-pagination
                background
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :page-sizes="[10, 20, 30, 50]"
                :page-size="10"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
                style="text-align: right"
              >
              </el-pagination>
            </el-col>
          </el-row>
        </el-tab-pane>
        <!-- <el-tab-pane label="简历作品">
          <el-row :gutter="10">
            <el-col :span="3">
              <el-select v-model="model" placeholder="简历名称">
                <el-option
                  v-for="item in resumeNameWorks"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="6">
              <el-row :gutter="10" type="flex">
                <el-input placeholder="请输入搜索内容"></el-input>
                <el-button type="info" plain>
                  <i class="el-icon-search"></i>
                </el-button>
              </el-row>
            </el-col>
            <el-col :span="3">
              <el-select v-model="model" placeholder="不限审核状态">
                <el-option
                  v-for="item in examineStatus"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
              </el-select>
            </el-col>
          </el-row>
          <el-table :data="data" style="width: 100%">
            <el-table-column prop="prop" label="label" width="width">
            </el-table-column>
          </el-table>
          <-- 分页 -->
        <!-- <el-row :gutter="10" style="margin-top: 20px">
            <el-col :span="8">
              <el-button type="primary" size="small">全选/反选</el-button>
              <el-button type="primary" size="small">批量审核</el-button>
            </el-col> -->
        <!-- <el-col :span="16">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage4"
                :page-sizes="[10, 20, 50, 100]"
                :page-size="10"
                layout="total, sizes, prev, pager, next, jumper"
                :total="255"
                style="text-align: right"
              >
              </el-pagination>
            </el-col> -->
        <!-- </el-row> -->
        <!-- </el-tab-pane> -->
      </el-tabs>
    </div>
    <!-- 导入简历 -->
    <el-dialog
      title="导入简历"
      :visible.sync="importResumeDialog"
      width="30%"
      @close="close"
    >
      <el-form ref="form" label-width="120px">
        <el-form-item label="上传文件">
          <el-row :gutter="10" type="flex">
            <!-- 选择文件 -->
            <el-upload
              ref="upload"
              class="upload-demo"
              :on-change="handleChange"
              :on-remove="handleRemove"
              :before-upload="beforeUpload"
              :auto-upload="false"
              :file-list="fileList"
            >
              <el-button size="small" type="primary">选择文件</el-button>
            </el-upload>
            <span style="margin-left: 10px">未选择任何文件</span>
          </el-row>
        </el-form-item>
        <el-form-item label="">
          <el-row :gutter="10">
            <el-col :span="12">
              <el-button type="primary" size="mini">确定</el-button>
              <el-button size="mini" @click="importClose">取消</el-button>
            </el-col>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>

    <!-- 批量审核 -->
    <el-dialog
      title="将所选简历设置为"
      :visible.sync="examineDialog"
      width="30%"
      @close="examineClose"
    >
      <div>
        <el-form ref="auditForm" label-width="82px">
          <el-form-item label="审核状态：" prop="audit">
            <el-radio-group
              v-if="selectedRows.length > 0"
              v-model="selectedRows[0].audit"
            >
              <el-radio :label="0">待审核</el-radio>
              <el-radio :label="1">已通过</el-radio>
              <el-radio :label="2">未通过</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="原因："
            prop="reason"
            v-if="selectedRows.length > 0 && selectedRows[0].audit == 2"
          >
            <el-input
              v-model="selectedRows[0].reason"
              type="textarea"
              :rows="3"
              maxlength="30"
              show-word-limit
              placeholder="请填写不通过原因"
            ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer">
        <el-button @click="examineClose">取消</el-button>
        <el-button type="primary" @click="auditClick">确认</el-button>
      </div>
    </el-dialog>

    <!-- 单个审核 -->
    <el-dialog
      title="将所选简历设置为"
      :visible.sync="examineOneDialog"
      width="30%"
    >
      <div>
        <el-form ref="auditForm" :model="auditQuery" label-width="82px">
          <el-form-item label="审核状态：" prop="audit">
            <el-radio-group v-model="auditQuery[0].audit">
              <el-radio :label="0">待审核</el-radio>
              <el-radio :label="1">已通过</el-radio>
              <el-radio :label="2">未通过</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            label="原因："
            prop="reason"
            v-if="auditQuery[0].audit == 2"
          >
            <el-input
              v-model="auditQuery[0].reason"
              type="textarea"
              :rows="3"
              maxlength="30"
              show-word-limit
              placeholder="请填写不通过原因"
            ></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer">
        <el-button @click="examineOneClose">取消</el-button>
        <el-button type="primary" @click="auditOneClick">确认</el-button>
      </div>
    </el-dialog>
    <!-- 批量审核简历 -->
    <el-dialog
      title="将所选简历设置为"
      :visible.sync="reviewResumeDialog"
      width="35%"
      @close="reviewResumeClose"
    >
      <el-form ref="form" :model="form" label-width="82px">
        <el-form-item label="审核状态：">
          <el-radio-group v-model="radioGroup">
            <el-radio :label="0">待审核</el-radio>
            <el-radio :label="1">已通过</el-radio>
            <el-radio :label="2">未通过</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="">
          <el-row :gutter="20" type="flex">
            <el-col :span="6"></el-col>
            <el-col :span="12">
              <el-button size="mini" @click="reviewResumeClose">取消</el-button>
              <el-button type="primary" size="mini">确定</el-button>
            </el-col>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!-- 简历等级 -->
    <el-dialog
      title="将所选简历设置为"
      :visible.sync="resumeLevelDialog"
      width="35%"
      @close="resumeLevel"
    >
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="简历等级">
          <el-radio v-model="radio" label="label">普通</el-radio>
          <el-radio v-model="radio" label="label">优质</el-radio>
        </el-form-item>
        <el-form-item label="">
          <el-row :gutter="10" type="flex">
            <el-col :span="6"></el-col>
            <el-col :span="12">
              <el-button size="mini" @click="resumeLevel">取消</el-button>
              <el-button type="primary" size="mini">确定</el-button>
            </el-col>
          </el-row>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!-- 查看简历 -->
    <RightPanel
      ref="panel"
      :click-not-close="true"
      :width="75"
      class="right-panel"
      max-height="700px"
    >
      <div class="base">
        <div class="logo">
          <img :src="viewLists.photoImgSrc" alt="" />
        </div>
        <div class="info">
          <div class="title">
            <div class="name">{{ viewLists.fullname }}</div>
            <div class="user">
              <!-- <span>(</span> -->
              <!-- <span>会员ID:{{ viewList.uid }}；简历ID:{{ viewList.id }}；</span> -->
              <!-- <span class="logoin">一键登录个人会员中心</span> -->
              <!-- <span>；</span> -->
              <!-- <span class="logoin">生成海报</span> -->
              <!-- <span>)</span> -->
            </div>
          </div>
          <div class="details">
            <el-row :gutter="10" type="flex" class="line">
              <el-col :span="12">
                <label for="" class="line_label">基础资料：</label>
                <span class="text">
                  {{ viewLists.age }} | {{ viewLists.educationCn }} |
                  {{ viewLists.experienceCn }}
                </span>
              </el-col>
              <!-- <el-col :span="10">
                <label for="" class="line_label">账号积分：</label>
                <span class="text"> {{ viewList.points }} </span>
              </el-col> -->
            </el-row>
            <el-row :gutter="10" type="flex" class="line">
              <el-col :span="12">
                <label for="" class="line_label">完整度：</label>
                <el-progress
                  :percentage="viewLists.completePercent"
                  style="display: inline-block; width: 180px"
                ></el-progress>
              </el-col>
              <el-col :span="10">
                <!-- <label for="" class="line_label">刷新时间：</label> -->
                <!-- <span class="text"> {{viewLists.refreshTime | dateFormat}} </span> -->
                <!-- <span
                  style="
                    margin-left: 20px;
                    color: rgb(0, 120, 255);
                    cursor: pointer;
                  "
                >
                  刷新简历
                </span> -->
              </el-col>
            </el-row>
            <!-- <el-row :gutter="10" type="flex" class="line">
              <el-col :span="12">
                <label for="" class="line_label">服务号绑定状态：</label>
                <div class="text text_color">
                  <div class="bind_icon">
                    <img src="@/assets/common/wx.png" alt="" />
                  </div>
                  邀请绑定
                </div>
                <div class="text text_color" style="margin-left: 10px">
                  刷新结果
                </div>
              </el-col>
            </el-row> -->
          </div>
        </div>
      </div>
      <div class="tab_box">
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <!-- <el-tab-pane label="跟进记录" name="1" class="scrollable">
            <el-row :gutter="10">
              <el-col :span="12">
                <div class="info">
                  <el-form
                    ref="form"
                    :model="viewListQuery"
                    label-width="100px"
                  >
                    <el-form-item label="跟进方式：">
                      <el-select v-model="model" placeholder="请选择">
                        <el-option
                          v-for="item in options"
                          :key="item.id"
                          :label="item.name"
                          :value="item.name"
                        >
                        </el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item label="下次跟进：">
                      <el-date-picker
                        v-model="viewListQuery.nextTime"
                        type="datetime"
                        placeholder="选择日期"
                      >
                      </el-date-picker>
                    </el-form-item>
                    <el-form-item label="跟进结果">
                      <el-input
                        type="textarea"
                        placeholder=""
                        maxlength="250"
                        show-word-limit
                        :rows="10"
                        v-model="viewListQuery.result"
                      ></el-input>
                    </el-form-item>
                    <el-form-item label="添加图片">
                      <el-upload
                        class="upload-demo"
                        drag
                        action="https://jsonplaceholder.typicode.com/posts/"
                        multiple
                        v-model="viewListQuery.file"
                      >
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">
                          将文件拖到此处，或<em>点击上传</em>
                        </div>
                        <div class="el-upload__tip" slot="tip">
                          只能上传jpg/png文件，且不超过500kb
                        </div>
                      </el-upload>
                    </el-form-item>
                    <el-form-item label="">
                      <el-button type="primary" @click="followUpRecord"
                        >保存跟进记录</el-button
                      >
                    </el-form-item>
                  </el-form>
                </div>
              </el-col>
              <el-col :span="12">
                <div
                  class="historyTitle"
                  style="display: flex; justify-content: space-between"
                >
                  <div class="text">历史跟进</div>
                  <div class="total">
                    共有
                    <span>0条</span> 跟进
                  </div>
                </div>
                <div class="history_list"></div>
              </el-col>
            </el-row>
          </el-tab-pane> -->
          <el-tab-pane label="简历详情" name="1" class="resume-detail-pane">
            <div class="resume-detail-container">
              <!-- 基本信息 -->
              <el-card
                class="box-card"
                style="
                  border: 0 solid #ebeef5;
                  -webkit-box-shadow: 0 0 0;
                  box-shadow: 0 0 0;
                "
              >
                <div slot="header" class="clearfix">
                  <span style="font-weight: 600; color: rgb(51, 51, 51)">
                    基本信息
                    <!-- <div class="must">必填</div> -->
                  </span>
                  <!-- <el-button
                    type="primary"
                    style="
                      float: right;
                      padding: 6px 18px;
                      font-size: 13px;
                      border-radius: 20px;
                    "
                    >修改</el-button
                  > -->
                </div>

                <div style="padding: 20px">
                  <!-- <div class="photo">
                    <img src="@/assets/common/个人头像.png" alt="" />
                    <div style="color: rgb(153, 153, 153); font-size: 14px">
                      个人照片
                    </div>
                  </div> -->
                  <span class="item-row"
                    >姓名：{{ viewListDetails.fullname }}</span
                  >
                  <!-- <span class="item-row">出生日期：{{ viewListDetails.birthday }}</span> -->
                  <span class="item-row"
                    >性别：{{ viewLists.sex === 1 ? "男" : "女" }}</span
                  >
                  <span class="item-row"
                    >工作经验：{{ viewLists.experienceCn }}</span
                  >
                  <span class="item-row"
                    >学历：{{ viewLists.educationCn }}</span
                  >
                  <!-- <span class="item-row">求职状态：目前已离职，可快速到岗</span> -->
                  <!-- <span class="item-row"> 婚姻状况：保密 </span> -->
                  <!-- <span class="item-row"> 现居住地：未填写 </span> -->
                  <!-- <span class="item-row"> 所学专业：电气信息类 </span> -->
                  <span class="item-row">
                    手机号：{{ viewListDetails.mobile }}</span
                  >
                  <span class="item-row">
                    微信：{{ viewListDetails.weixin }}</span
                  >
                </div>
              </el-card>
              <el-card
                class="box-card"
                style="
                  border: 0 solid #ebeef5;
                  -webkit-box-shadow: 0 0 0;
                  box-shadow: 0 0 0;
                "
              >
                <div slot="header">
                  <span style="font-weight: 600; color: rgb(51, 51, 51)">
                    教育经历
                    <!-- <div class="must">必填</div> -->
                  </span>
                </div>
                <div
                  class="intention"
                  v-for="(edu, index) in viewListDetails.resumeEducationList"
                  :key="index"
                >
                  <span class="item-li" style="width: 25%"
                    >学校：{{ edu.school }}</span
                  >
                  <span class="item-li" style="width: 25%"
                    >专业：{{ edu.major || "-" }}</span
                  >
                  <span class="item-li" style="width: 50%">
                    时间：
                    <template v-if="edu.starttime === 0 && edu.endtime === 0"
                      >-</template
                    >
                    <template v-else>
                      <template v-if="edu.starttime && edu.starttime !== 0">{{
                        edu.starttime | dateFormat
                      }}</template>
                      <template v-else></template>
                      <template v-if="edu.starttime && edu.starttime !== 0">
                        -
                      </template>
                      <template v-else></template>
                      <template v-if="edu.endtime && edu.endtime !== 0">{{
                        edu.endtime | dateFormat
                      }}</template>
                      <template v-else>至今</template>
                    </template>
                  </span>
                </div>
              </el-card>

              <!-- 求职意向 -->
              <el-card
                class="box-card"
                style="
                  margin-top: 20px;
                  border: 0 solid #ebeef5;
                  box-shadow: 0 0 0;
                "
              >
                <div slot="header" class="clearfix">
                  <span style="font-weight: 600; color: rgb(51, 51, 51)"
                    >求职经历</span
                  >
                </div>
                <div style="padding: 20px">
                  <div
                    class="intention"
                    v-for="(edu, index) in viewListDetails.resumeWorkList"
                    :key="index"
                  >
                    <span class="item-li" style="width: 25%"
                      >公司：{{ edu.companyname }}</span
                    >
                    <span class="item-li" style="width: 25%"
                      >职位：{{ edu.jobName || "-" }}</span
                    >
                    <span class="item-li" style="width: 50%">
                      职责：{{ edu.duty || "-" }}
                    </span>
                    <span class="item-li" style="width: 50%">
                      时间：
                      <template v-if="edu.starttime === 0 && edu.endtime === 0"
                        >-</template
                      >
                      <template v-else>
                        <template v-if="edu.starttime && edu.starttime !== 0">{{
                          edu.starttime | dateFormat
                        }}</template>
                        <template v-else></template>
                        <template> - </template>
                        <template v-if="edu.endtime && edu.endtime !== 0">{{
                          edu.endtime | dateFormat
                        }}</template>
                        <template v-else>至今</template>
                      </template>
                    </span>
                  </div>
                </div>
              </el-card>

              <!-- 自我描述 -->
              <el-card
                class="box-card"
                style="
                  border: 0 solid #ebeef5;
                  -webkit-box-shadow: 0 0 0;
                  box-shadow: 0 0 0;
                "
              >
                <div slot="header" class="clearfix">
                  <span style="font-weight: 600; color: rgb(51, 51, 51)">
                    自我描述
                  </span>
                  <!-- <el-button
                    type="primary"
                    style="
                      float: right;
                      padding: 6px 18px;
                      font-size: 13px;
                      border-radius: 20px;
                    "
                    >修改</el-button
                  > -->
                </div>
                <div style="padding: 20px">{{ viewListDetails.specialty }}</div>
              </el-card>
            </div>
          </el-tab-pane>

          <!-- <el-tab-pane label="会员信息" name="3">
            <el-row :gutter="10">
              <el-col :span="12">
                <div style="padding: 0 30px">
                  <div class="item">
                    <div class="info">
                      <span class="label">用户名：</span>
                      <span class="text"> LC_19045600773 </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >锁定</el-button
                      >
                      <el-button type="primary" plain size="small"
                        >改密</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label">会员手机：</span>
                      <span class="text"> 19045600773 </span>
                      <div
                        title="拨打会员联系号码"
                        class="dial"
                        style="margin-left: 5px"
                      >
                        <img src="@/assets/common/打电话.png" alt="" />
                      </div>
                      <span
                        class="smalltip"
                        style="
                          color: #c9c9c9;
                          font-size: 12px;
                          margin-left: 10px;
                        "
                      >
                        <i class="el-icon-info"></i>
                        会员登录手机号
                      </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >修改</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label">简历手机：</span>
                      <span class="text"> 19045600773 </span>
                      <div
                        title="拨打会员联系号码"
                        class="dial"
                        style="margin-left: 5px"
                      >
                        <img src="@/assets/common/打电话.png" alt="" />
                      </div>
                      <span
                        class="smalltip"
                        style="
                          color: #c9c9c9;
                          font-size: 12px;
                          margin-left: 10px;
                        "
                      >
                        <i class="el-icon-info"></i>
                        会员登录手机号
                      </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >修改</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label">简历手机：</span>
                      <span class="text"> 开启 </span>
                    </div>
                    <div class="btn">
                      <el-switch v-model="value1"></el-switch>
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label">简历等级：</span>
                      <span class="text"> 普通简历 </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >修改</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label">绑定邮箱：</span>
                      <span class="text"> - </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >修改</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label"> 审核状态：</span>
                      <span class="text"> 已通过 </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >审核</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label"> 简历作品：</span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >审核</el-button
                      >
                      <el-button type="danger" plain size="small"
                        >删除</el-button
                      >
                    </div>
                  </div>
                  <! 暂无上传简历 -->
          <!-- <div class="item_img_empty">
                    <div class="empty_texts">
                      <img src="@/assets/common/暂未上传简历作品.png" alt="" />
                      <div>暂未上传简历作品</div>
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label"> 客服评价：</span>
                      <span class="text"> - </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >填写</el-button
                      >
                    </div>
                  </div>
                  <div class="item">
                    <div class="info">
                      <span class="label"> 备注信息：</span>
                      <span class="text"> - </span>
                    </div>
                    <div class="btn">
                      <el-button type="primary" plain size="small"
                        >修改</el-button
                      >
                    </div>
                  </div>
                </div>
              </el-col>
              <el-col :span="12">
                <div class="package_information">
                  <div class="titles">
                    求职信息情况
                    <div class="package_date">
                      <el-date-picker
                        v-model="value2"
                        type="daterange"
                        align="right"
                        unlink-panels
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        :picker-options="pickerOptions"
                        size="mini"
                        style="
                          width: 230px;
                          margin-top: 10px;
                          margin-bottom: 10px;
                          height: 26px;
                          float: right;
                        "
                      >
                      </el-date-picker>
                    </div>
                  </div>
                  <div class="content">
                    <span class="content_title">浏览职位：</span>
                    2次
                  </div>
                  <div class="content">
                    <span class="content_title">主动投递：</span>
                    0次
                  </div>
                  <div class="content">
                    <span class="content_title">主动刷新：</span>
                    0次
                  </div>
                  <div class="content">
                    <span class="content_title">被查看：</span>
                    0次
                  </div>
                  <div class="content">
                    <span class="content_title">被下载：</span>
                    0次
                  </div>
                  <div class="content">
                    <span class="content_title">收到面邀：</span>
                    0次
                  </div>
                </div>
                <div class="package_information">
                  <div class="titles">会员账号情况</div>
                  <div class="content" style="width: 100%">
                    <span class="content_title">最近登录：</span>
                    <span>2024-11-05 14:12</span>
                  </div>
                  <div class="content" style="width: 100%">
                    <span class="content_title">注册时间：</span>
                    <span>2024-11-04 20:12</span>
                    (注册于手机浏览器)
                  </div>
                  <div class="content" style="width: 100%">
                    <span class="content_title">最后跟进：</span>
                    <span>1970-01-01 08:00</span>
                    (跟进记录：0)
                  </div>
                  <div class="package_information">
                    <div class="titles">短视频求职</div>
                    <div class="item_img" style="margin-left: 25px">
                      <div class="empty_texts">
                        <img
                          src="@/assets/common/暂未上传简历作品.png"
                          alt=""
                        />
                        <div>暂未上传短视频</div>
                      </div>
                    </div>
                  </div>
                </div>
              </el-col>
            </el-row> -->
          <!-- </el-tab-pane> -->

          <el-tab-pane label="求职动态" name="4">
            <div class="recruitment-wrapper">
              <!-- 顶部按钮组 -->
              <div class="button-group">
                <el-button-group>
                  <el-button
                    :type="currentRecruitType === 'received' ? 'primary' : ''"
                    @click="handleRecruitTypeChange('received')"
                  >
                    主动投递
                  </el-button>
                  <el-button
                    :type="currentRecruitType === 'invitation' ? 'primary' : ''"
                    @click="handleRecruitTypeChange('invitation')"
                  >
                    收到面邀
                  </el-button>
                  <el-button
                    :type="currentRecruitType === 'viewed' ? 'primary' : ''"
                    @click="handleRecruitTypeChange('viewed')"
                  >
                    被查看
                  </el-button>
                  <el-button
                    :type="currentRecruitType === 'browsed' ? 'primary' : ''"
                    @click="handleRecruitTypeChange('browsed')"
                  >
                    浏览过
                  </el-button>
                </el-button-group>
              </div>

              <!-- 表格容器 -->
              <div class="table-container">
                <!-- 主动投递表格 -->
                <el-table
                  v-show="currentRecruitType === 'received'"
                  :data="deliverList"
                  v-loading="recruitmentLoading"
                  style="width: 100%"
                  max-height="500"
                >
                  <el-table-column
                    align="center"
                    prop="fullname"
                    label="用户名称"
                  >
                  </el-table-column>
                  <el-table-column label="投递职位" width="width">
                    <template slot-scope="scope">
                      {{ scope.row.jobname }}
                    </template>
                  </el-table-column>
                  <el-table-column label="投递公司" width="200">
                    <template slot-scope="scope">
                      {{ scope.row.companyname }}
                    </template>
                  </el-table-column>

                  <el-table-column label="是否查看" width="width">
                    <template slot-scope="scope">
                      <el-tag
                        :type="scope.row.isLook === 1 ? 'success' : 'info'"
                      >
                        {{ scope.row.isLook === 1 ? "已查看" : "未查看" }}
                      </el-tag>
                    </template>
                  </el-table-column>

                  <!-- <el-table-column label="是否面试" width="width">
                    <template slot-scope="scope">
                      <el-tag
                        :type="
                          scope.row.handleStatus === 1 ? 'success' : 'info'
                        "
                      >
                        {{ scope.row.handleStatus === 1 ? "是" : "否" }}
                      </el-tag>
                    </template>
                  </el-table-column> -->

                  <el-table-column label="平台" width="width">
                    <template slot-scope="scope">
                      {{ scope.row.platform === "mobile" ? "移动端" : "PC端" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="投递时间" width="width">
                    <template slot-scope="scope">
                      {{ scope.row.addtime | dateFormat }}
                    </template>
                  </el-table-column>

                  <el-table-column label="备注" width="width">
                    <template slot-scope="scope">
                      {{ scope.row.note || "-" }}
                    </template>
                  </el-table-column>
                </el-table>

                <!-- 收到面邀表格 -->
                <el-table
                  v-show="currentRecruitType === 'invitation'"
                  :data="inviteList"
                  v-loading="downloadLoading"
                  style="width: 100%"
                  max-height="500"
                >
                <el-table-column align="center" prop="fullname" label="用户名称" width="150">
                </el-table-column>
                  <el-table-column label="面试职位" min-width="180">
                    <template slot-scope="scope">
                      {{ scope.row.jobname }}
                    </template>
                  </el-table-column>
                  <el-table-column label="面试公司" width="200">
                    <template slot-scope="scope">
                      {{ scope.row.companyname }}
                    </template>
                  </el-table-column>
                  <el-table-column label="面试地点" width="180">
                    <template slot-scope="scope">
                      {{ scope.row.address || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="联系人" width="120">
                    <template slot-scope="scope">
                      {{ scope.row.contact || "-" }}
                    </template>
                  </el-table-column>
                  <el-table-column label="联系电话" width="120">
                    <template slot-scope="scope">
                      {{ scope.row.tel || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="是否查看" width="100">
                    <template slot-scope="scope">
                      <el-tag
                        :type="scope.row.isLook === 1 ? 'success' : 'info'"
                      >
                        {{ scope.row.isLook === 1 ? "已查看" : "未查看" }}
                      </el-tag>
                    </template>
                  </el-table-column>

                  <el-table-column label="备注" min-width="120">
                    <template slot-scope="scope">
                      {{ scope.row.note || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="面试时间" width="160">
                    <template slot-scope="scope">
                      {{ scope.row.interviewTime | dateFormat }}
                    </template>
                  </el-table-column>
                </el-table>

                <!-- 被查看表格 -->
                <el-table
                  v-show="currentRecruitType === 'viewed'"
                  :data="viewedList"
                  v-loading="viewedLoading"
                  style="width: 100%"
                  max-height="500"
                >
                  <el-table-column
                    align="center"
                    prop="companyName"
                    label="公司名称"
                  >
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="district"
                    label="公司地区"
                  >
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="nature"
                    label="公司性质"
                  >
                  </el-table-column>
                  el-
                  <el-table-column
                    align="center"
                    prop="download"
                    label="下载简历"
                  >
                    <template slot-scope="scope">
                      <el-tag
                        :type="scope.row.download === 1 ? 'success' : 'info'"
                      >
                        {{ scope.row.download === 1 ? "已下载" : "未下载" }}
                      </el-tag>
                    </template>
                  </el-table-column>
                  <el-table-column label="投递时间">
                    <template slot-scope="scope">
                      {{ scope.row.addtime | dateFormat }}
                    </template>
                  </el-table-column>
                  <!-- 类似的表格列配置 -->
                </el-table>

                <!-- 浏览过表格 -->
                <el-table
                  v-show="currentRecruitType === 'browsed'"
                  :data="browsedList"
                  v-loading="browsedLoading"
                  style="width: 100%"
                  max-height="500"
                >
                  <el-table-column label="职位信息" min-width="180">
                    <template slot-scope="scope">
                      {{ scope.row.jobName }}
                    </template>
                  </el-table-column>
                  <el-table-column label="公司名称" width="180">
                    <template slot-scope="scope">
                      {{ scope.row.companyName }}
                    </template>
                  </el-table-column>
                  <el-table-column label="工作地点" width="300">
                    <template slot-scope="scope">
                      {{ scope.row.address || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="薪资待遇" width="120">
                    <template slot-scope="scope">
                      {{ scope.row.wage || "面议" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="学历要求" width="100">
                    <template slot-scope="scope">
                      {{ scope.row.edu || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="工作经验" width="100">
                    <template slot-scope="scope">
                      {{ scope.row.exp || "-" }}
                    </template>
                  </el-table-column>

                  <el-table-column label="浏览时间" width="160" align="center">
                    <template slot-scope="scope">
                      {{ scope.row.addtime | dateFormat }}
                    </template>
                  </el-table-column>
                </el-table>
              </div>
            </div>
          </el-tab-pane>
          <!-- <el-tab-pane label="会员积分" name="5">
            <el-table
              :data="memberPointsList"
              style="width: 100%"
              v-loading="loading"
            >
              <el-table-column
                label="会员账号"
                prop="resumeAccount"
                align="center"
              />

              <el-table-column
                label="会员手机"
                prop="memberMobile"
                align="center"
              />

              <el-table-column
                label="简历手机"
                prop="resumeMobile"
                align="center"
              />

              <el-table-column label="注册时间" align="center">
                <template slot-scope="scope">
                  {{ scope.row.addtime | dateFormat }}
                </template>
              </el-table-column>

              <el-table-column label="最后登录" align="center">
                <template slot-scope="scope">
                  {{ scope.row.loginTime | dateFormat }}
                </template>
              </el-table-column>

              <el-table-column label="审核状态" align="center">
                <template slot-scope="scope">
                  <el-tag :type="scope.row.audit === 1 ? 'success' : 'info'">
                    {{ scope.row.audit === 1 ? "已审核" : "未审核" }}
                  </el-tag>
                </template>
              </el-table-column>

              <el-table-column label="显示状态" align="center">
                <template slot-scope="scope">
                  <el-tag
                    :type="scope.row.isDisplay === 1 ? 'success' : 'danger'"
                  >
                    {{ scope.row.isDisplay === 1 ? "显示" : "隐藏" }}
                  </el-tag>
                </template>
              </el-table-column>
            </el-table>
          </el-tab-pane> -->
          <el-tab-pane label="操作日志" name="6">
            <el-row :gutter="10">
              <el-col :span="17">
                <el-button
                  :type="currentLogType === 'operate' ? 'primary' : ''"
                  size="small"
                  @click="switchLogType('operate')"
                >
                  操作日志
                </el-button>
                <el-button
                  :type="currentLogType === 'login' ? 'primary' : ''"
                  size="small"
                  @click="switchLogType('login')"
                >
                  登录日志
                </el-button>
              </el-col>
              <!-- <el-col :span="6">
                <el-row :gutter="10" type="flex">
                  <el-input
                    v-model="keyword"
                    placeholder="请输入关键词"
                  ></el-input>
                  <el-button @click="handleSearch">
                    <i class="el-icon-search"></i>
                  </el-button>
                </el-row>
              </el-col> -->
            </el-row>

            <!-- 操作日志表格 -->
            <el-table
              v-if="currentLogType === 'operate'"
              :data="operateLogList"
              v-loading="logLoading"
              style="width: 100%; margin-top: 20px"
              max-height="500"
            >
              <el-table-column prop="addtime" label="时间" width="180">
                <template slot-scope="scope">
                  {{ scope.row.addtime | dateFormat }}
                </template>
              </el-table-column>
              <el-table-column prop="content" label="操作内容" />
              <el-table-column prop="ip" label="IP" width="200" />
              <el-table-column prop="ipAddr" label="IP归属地" width="160" />
              <el-table-column prop="platform" label="平台" width="100">
                <template slot-scope="scope">
                  {{ scope.row.platform === "mobile" ? "移动端" : "PC端" }}
                </template>
              </el-table-column>
              <el-table-column prop="isLogin" label="是否登录" width="100">
                <template slot-scope="scope">
                  <el-tag :type="scope.row.isLogin === 1 ? 'success' : 'info'">
                    {{ scope.row.isLogin === 1 ? "是" : "否" }}
                  </el-tag>
                </template>
              </el-table-column>
            </el-table>

            <!-- 操作日志分页 -->
            <el-pagination
              v-if="currentLogType === 'operate'"
              background
              @size-change="handleOperateLogSizeChange"
              @current-change="handleOperateLogCurrentChange"
              :current-page="operateLogQuery.page"
              :page-sizes="[10, 20, 30, 40, 50]"
              :page-size="operateLogQuery.pagesize"
              layout="prev, pager, next"
              :total="operateLogTotal"
              style="margin-top: 20px; text-align: center"
            >
            </el-pagination>

            <!-- 登录日志表格 -->
            <el-table
              v-if="currentLogType === 'login'"
              :data="loginLogList"
              v-loading="logLoading"
              style="width: 100%; margin-top: 20px"
              max-height="500"
            >
              <el-table-column prop="addtime" label="时间" width="180">
                <template slot-scope="scope">
                  {{ scope.row.addtime | dateFormat }}
                </template>
              </el-table-column>
              <el-table-column prop="content" label="操作内容" />
              <el-table-column prop="ip" label="IP" width="200" />
              <el-table-column prop="ipAddr" label="IP归属地" width="160" />
              <el-table-column prop="platform" label="平台" width="100">
                <template slot-scope="scope">
                  {{ scope.row.platform === "mobile" ? "移动端" : "PC端" }}
                </template>
              </el-table-column>
              <el-table-column
                prop="isLogin"
                label="是否登录"
                width="100"
                align="center"
              >
                <template slot-scope="scope">
                  <el-tag :type="scope.row.isLogin === 1 ? 'success' : 'info'">
                    {{ scope.row.isLogin === 1 ? "是" : "否" }}
                  </el-tag>
                </template>
              </el-table-column>
            </el-table>

            <!-- 登录日志分页 -->
            <el-pagination
              v-if="currentLogType === 'login'"
              background
              @size-change="handleLoginLogSizeChange"
              @current-change="handleLoginLogCurrentChange"
              :current-page="loginLogQuery.page"
              :page-sizes="[10, 20, 30, 40, 50]"
              :page-size="loginLogQuery.pagesize"
              layout="prev, pager, next"
              :total="loginLogTotal"
              style="margin-top: 20px; text-align: center"
            >
            </el-pagination>
          </el-tab-pane>
        </el-tabs>
      </div>
    </RightPanel>
  </div>
</template>

<script>
import {
  resumeListApi,
  addFollowUpApi,
  delResumeApi,
  updateAuditByUidApi,
  selCategoryDistrictListApi,
  selCategoryJobListApi,
  exportExcelApi,
  selResumeDetailsByIdApi,
  selDeliverByUIdApi,
  selInviteByUIdApi,
  selViewedPersonByUIdApi,
  selDeliverPersonByUIdApi,
  selMemberPersonByUIdApi,
  selOperatePersonByUIdApi,
  selLoginLogApi,
} from "@/api/client";
export default {
  data() {
    return {
      value1: true,
      activeName: "1",
      radioGroup: "1",
      audit: 1,
      resumeid: "",
      // 列表查询
      resumeLists: {
        audit: 1,
        citycategory: [],
        contactStatus: "",
        education: "",
        enclosureResume: "",
        highQuality: "",
        isBind: "",
        jobcategory: [],
        keyType: 1,
        keyword: "",
        maxAge: "",
        maxExperience: "",
        minAge: "",
        minExperience: "",
        page: 1,
        pagesize: 10,
        platform: "",
        sex: "",
        sort: "",
        sortType: "",
      },
      total: "",
      resumeListArray: [],
      followUp: [
        { id: 1, name: "当面拜访" },
        { id: 2, name: "电话拜访" },
        { id: 3, name: "网络拜访" },
        { id: 4, name: "其它拜访" },
      ],
      // 详情列表
      viewLists: {},
      // 跟进记录
      viewList: {
        id: 1359,
        uid: 2082,
        high_quality: 0,
        fullname: "刘",
        refreshtime: 1730767615,
        tag: ["166", "167", "168", "169"],
        is_display: 1,
        audit: 1,
        remark: "",
        comment: "",
        last_visit_time: 0,
        sex: 1,
        education: 6,
        enter_job_time: 1664553600,
        resume_mobile: "16670225634",
        member_mobile: "16670225634",
        reg_time: 1728694310,
        platform: "mobile",
        username: "LC_16670225634",
        email: "",
        member_status: 1,
        last_login_time: 1730767615,
        birthday: "2000-8",
        points: 40,
        photo_img: 0,
        weixin_bind: 0,
        photo_img_src:
          "http:\/\/hr.blwang.com\/upload\/resource\/empty_photo_1.png",
        education_cn: "本科",
        experience_cn: "2年",
        link: "http:\/\/hr.blwang.com\/resume\/1359.html",
        complete_percent: 80,
        age: "24岁",
        platform_cn: "手机浏览器",
        follow_up_num: 0,
        view_job: 7,
        delivery_num: 0,
        downloaded: 1,
        viewed: 3,
        invitation: 0,
        refresh: 1,
        resume_img_arr: [],
        resume_video: [],
        tag_text: "形象好,气质佳,能出差,很幽默",
        tag_text_arr: ["形象好", "气质佳", "能出差", "很幽默"],
        enclosure_resume: "",
      },
      // 跟进记录query
      viewListQuery: {
        mode: "",
        result: "",
        uid: "",
        nextTime: "",
        adminId: "",
        relationId: "",
        type: "",
        file: "",
      },
      // 审核参数
      auditQuery: [
        {
          audit: 0,
          reason: "",
          resumeid: "", // 存储选中的简历ID
        },
      ],
      // 基本信息
      basicInfo: {},
      multipleSelection: [], // 用于存储选中的行
      activeIndex: "0",
      value: [],
      importResumeDialog: false,
      examineDialog: false,
      reviewResumeDialog: false,
      resumeLevelDialog: false,
      resumeName: [
        { id: 1, name: "简历名称" },
        { id: 2, name: "简历联系方式" },
        { id: 3, name: "会员联系方式" },
        { id: 4, name: "简历ID" },
      ],
      resumeNameWorks: [
        { id: 1, name: "简历名称" },
        { id: 2, name: "简历ID" },
        { id: 3, name: "会员ID" },
      ],
      options: [
        { id: 1, name: "当面拜访" },
        { id: 2, name: "电话拜访" },
        { id: 3, name: "网络拜访" },
        { id: 4, name: "其他拜访" },
      ],
      selectOptions: [
        { value: "mobile", name: "APP" },
        { value: "mobile", name: "手机浏览器" },
        { value: "wechat", name: "微信浏览器" },
        { value: "wechat", name: "微信小程序" },
        { value: "web", name: "电脑浏览器" },
        { value: "web", name: "系统" },
      ],
      auditStatus: [
        { value: "", name: "不限审核状态" },
        { value: 0, name: "待审核" },
        { value: 1, name: "已通过" },
        { value: 2, name: "未通过" },
      ],
      jobAreaList: [],
      positionTypeList: [],
      selectedRows: [], // 存储选中的行数据
      examineOneDialog: false, // 审核弹窗
      id: "",
      uid: "",
      ids: [],
      selectedIds: [], // 存储选中的简历ID
      viewListDetails: {}, // 简历详情
      currentRecruitType: "received",
      recruitmentLoading: false,
      downloadLoading: false,
      viewedLoading: false,
      browsedLoading: false,
      deliverList: [],
      inviteList: [],
      viewedList: [],
      browsedList: [],
      recruitmentQuery: {
        uid: "",
      },
      memberPointsList: [], // Add this to store member points data

      // 操作日志相关
      operateLogQuery: {
        page: 1,
        pagesize: 10,
        uid: "",
      },
      operateLogList: [],
      operateLogTotal: 0,

      // 登录日志相关
      loginLogQuery: {
        page: 1,
        pagesize: 10,
        uid: "",
      },
      loginLogList: [],
      loginLogTotal: 0,

      // 当前选中的日志类型
      currentLogType: "operate", // 'operate' 或 'login'

      // 加载状态
      logLoading: false,
    };
  },
  created() {
    this.resumeList();
    this.selCategoryDistrictList();
    this.selCategoryJobList();
    if (this.$route.query) {
      console.log(this.$route.query);
      this.resumeLists.audit = this.$route.query.audit;
    }
  },
  methods: {
    // 全部导出
    async exportAllClick() {
      let loading = null;
      try {
        await this.$confirm("此操作将导出所有企业和职位, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        });

        // 显示loading
        loading = this.$loading({
          lock: true,
          text: "正在导出数据,请稍候...",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)",
        });

        const res = await exportExcelApi();

        if (res.code === 1 && res.data) {
          // 创建a标签下载
          const link = document.createElement("a");
          link.href = res.data;
          link.download = "企业和岗位信息导出.xlsx";
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
          this.$message.success("导出成功");
        } else {
          this.$message.error(res.msg);
        }
      } catch (error) {
        console.error("导出错误:", error);
        // this.$message.error("导出失败");
      } finally {
        // 关闭loading
        if (loading) {
          loading.close();
        }
      }
    },
    // 删除简历
    handleDelete(id) {
      this.ids.push(id);
    },
    // 点击查看的tabs
    async handleClick(tab) {
      console.log(tab);
      if (tab.index === "0") {
        console.log(123);
        const res = await selResumeDetailsByIdApi(this.id);
        console.log(res);
      }
      if (tab.name === "5") {
        // 会员积分 tab
        try {
          const res = await selMemberPersonByUIdApi(this.uid);
          if (res.code === 1) {
            this.memberPointsList = res.data || [];
            console.log(this.memberPointsList);
          } else {
            this.$message.error(res.msg || "获取会员积分数据失败");
          }
        } catch (error) {
          console.error("获取会员积分数据失败:", error);
          this.$message.error("获取会员积分数据失败");
        }
      } else if (tab.name === "4") {
        await this.handleRecruitTypeChange("received");
      } else if (tab.name === "6") {
        // 默认加载操作日志
        this.getOperateLog();
      }
    },
    // 当选择页码时触发的条件
    handleSizeChange(pageSize) {
      console.log(pageSize);
      this.resumeLists.pagesize = pageSize;
      this.resumeList();
    },
    // 当选择页码时触发的条件
    handleCurrentChange(page) {
      console.log(page);
      this.resumeLists.page = page;
      this.resumeList();
    },
    // 地区改变的时候
    handleAreaChange(val) {
      console.log(val);
      console.log(this.resumeLists);
      this.resumeLists.citycategory = val;
      this.resumeLists.page = 1;
      this.resumeList();
    },
    // 职位类别改变的时候
    handlePositionChange(val) {
      console.log(val);
      this.resumeLists.page = 1;
      this.resumeList();
    },
    // 注册来源改变的时候
    handleSourceChange(val) {
      console.log(val);
      this.resumeLists.page = 1;
      this.resumeList();
    },
    // 管理工作地区查询
    async selCategoryDistrictList() {
      const res = await selCategoryDistrictListApi();
      console.log(res);
      this.jobAreaList = res.data[0].map((item) => ({
        label: item.name, // 父级项的 value 设置为 name
        value: item.id,
        children: item.children
          ? item.children.map((child) => ({
              label: child.name, // 子项的 label 设置为 name
              value: child.id, // 子项的 value 设置为 id 的字符串形式
              children: child.children.map((subDistrict) => ({
                label: subDistrict.name, // 父级项的 value 设置为 name
                value: subDistrict.id,
              })), // 子项的 children 默认为空数组，如果需要更深层次的数据结构，可以在这里添加逻辑
            }))
          : [], // 如果没有 categoryDistricts，children 设置为空数组
      }));

      // console.log(this.jobAreaList);
    },
    // 管理职位类型查询
    async selCategoryJobList() {
      const res = await selCategoryJobListApi();
      console.log(res);
      this.positionTypeList = res.data[0].map((item) => ({
        label: item.name, // 父级项的 value 设置为 name
        value: item.id,
        children: item.children
          ? item.children.map((child) => ({
              label: child.name, // 子项的 label 设置为 name
              value: child.id, // 子项的 value 设置为 id 的字符串形式
              children: child.children.map((subDistrict) => ({
                label: subDistrict.name, // 父级项的 value 设置为 name
                value: subDistrict.id,
              })), // 子项的 children 默认为空数组，如果需要更深层次的数据结构，可以在这里添加逻辑
            }))
          : [], // 如果没有 categoryDistricts，children 设置为空数组
      }));
    },
    // 下拉框选择
    handleSelect(e) {
      console.log(e);
      // this.resumeLists.keyType = e;
      this.resumeLists.page = 1;
      this.resumeList();
    },
    // 简历名称选择
    handleNameSelect(e) {
      console.log(e);
      this.resumeLists.page = 1;
      this.resumeList();
    },
    // 搜索内容
    handleInput(value) {
      console.log(value);
      // this.resumeLists.keyword = value;
      this.resumeList();
    },
    // 搜索
    handleSearch(e) {
      console.log(e);
      this.resumeList();
    },
    // 修改审核状态
    async examineBtn(row) {
      console.log(row);
      this.auditQuery[0].resumeid = row.id;
      this.examineOneDialog = true;
    },
    // 新增跟进记录
    async followUpRecord() {
      // 创建空的 FormData 对象
      const formData = new FormData();
      formData.append("mode", this.viewListQuery.mode);
      formData.append("result", this.viewListQuery.result);
      formData.append("uid", this.viewListQuery.uid);
      formData.append("file", this.viewListQuery.file);
      const res = await addFollowUpApi(formData);
    },
    // 列表查询
    async resumeList() {
      const res = await resumeListApi(this.resumeLists);
      this.resumeListArray = res.records;
      this.total = res.total;
    },
    addResumeClick() {
      // console.log(123);
      this.$router.push({
        name: "addResume",
      });
    },
    // 审核状态确认
    // async auditClick() {
    //   try {
    //     console.log(this.audit);
    //     const res = await updateAuditByUidApi(this.auditQuery);
    //     console.log(res);
    //     if (res.code === 1) {
    //       this.$message.success("审核成功!");
    //       this.resumeList();
    //       this.examineDialog = false;
    //     } else {
    //       this.$message.error("审核失败");
    //     }
    //   } catch {
    //     this.$message.error("审核失败");
    //   }
    // },
    // 删除
    async delBtn(row) {},
    // 导入简历
    importResume() {},
    // 单个审核关闭
    examineOneClose() {
      this.examineOneDialog = false;
    },
    importClose() {
      this.importResumeDialog = false;
    },
    // 批量审核
    examineClose() {
      this.examineDialog = false;
    },

    // 审核简历
    reviewResumeClose() {
      this.reviewResumeDialog = false;
    },
    // 简历等级
    resumeLevel() {
      this.resumeLevelDialog = false;
    },
    // 查看
    async allResumesOpen(row) {
      this.$refs.panel.show = !this.$refs.panel.show;
      // console.log(row);
      this.activeName = "1";
      this.id = row.id;
      this.uid = row.uid;
      this.viewLists = row;
      const res = await selResumeDetailsByIdApi(this.id);
      this.viewListDetails = res.data;
      console.log(res);
    },
    // 跟进
    followUps() {
      this.$refs.panels.show = !this.$refs.panels.show;
    },
    // 处理选中项变化
    // handleSelectionChange(selection) {
    //   this.selectedRows = selection.map((item) => ({
    //     resumeid: item.id,
    //     audit: item.audit || 0,
    //     reason: item.reason || "",
    //   }));
    //   console.log(selection);
    // },
    // 判断某一行是否被选中
    isRowSelected(row) {
      return this.multipleSelection.some((item) => item === row);
    },
    toggleSelection() {
      this.$refs.multipleTable.toggleAllSelection();
      // if (rows) {
      //   rows.forEach((row) => {
      //     this.$refs.multipleTable.toggleAllSelection(row);
      //   });
      // } else {
      //   this.$refs.multipleTable.clearSelection();
      // }
    },
    // 获取状态标签类型
    getStatusType(audit) {
      const statusTypeMap = {
        0: "warning", // 待审核
        1: "success", // 已通过
        2: "danger", // 未通过
      };
      return statusTypeMap[audit] || "info";
    },
    // 批量审核按钮点击
    handleBatchAudit() {
      console.log(this.selectedRows);
      if (this.selectedRows.length === 0) {
        this.$message.warning("请先选择要审核的简历");
        return;
      }
      this.examineDialog = true;
    },
    // 单个审核按钮点击
    // handleSingleAudit(row) {
    //   this.auditQuery.ids = [row.id];
    //   this.selectedRows = [row];
    //   this.examineDialog = true;
    // },
    // 审核确认前的验证
    validateAudit() {
      if (this.auditQuery.audit === 2 && !this.auditQuery.reason.trim()) {
        this.$message.warning("请填写未通过原因");
        return false;
      }
      return true;
    },
    // 更新审核状态后刷新数据
    async refreshAfterAudit() {
      try {
        await this.resumeList();
        this.$refs.multipleTable.clearSelection();
        this.$message.success("审核操作成功");
      } catch (error) {
        console.error("刷新数据失败:", error);
        this.$message.error("刷新数据失败");
      }
    },
    // 单个审核确认
    async auditOneClick() {
      try {
        const res = await updateAuditByUidApi(this.auditQuery);
        console.log(res);
        if (res.code === 1) {
          this.$message.success("审核成功!");
          this.examineOneDialog = false;
          this.resumeList();
        }
      } catch {
        this.$message.error("审核失败");
      }
    },
    // 修改原有的审核确认方法
    async auditClick() {
      try {
        // 如果是未通过状态但没有填写原因
        if (this.selectedRows[0].audit === 2 && !this.selectedRows[0].reason) {
          this.$message.error("请填写未通过原因");
          return;
        }
        // 获取第一项的 audit 和 reason
        const { audit, reason } = this.selectedRows[0];
        // 同步所有选中项的 audit 和 reason
        this.selectedRows = this.selectedRows.map((row) => ({
          ...row,
          audit, // 使用第一项的 audit
          reason, // 使用第一项的 reason
        }));
        const res = await updateAuditByUidApi(this.selectedRows);
        console.log(res);
        if (res.code === 1) {
          this.$message.success("设置成功!");
          this.examineDialog = false;
          this.resumeList();
          this.$refs.multipleTable.clearSelection();
        } else {
          this.$message.error("设置失败");
        }
      } catch {}
    },
    // 表格多选事件
    handleSelectionChange(selection) {
      this.selectedIds = selection.map((item) => item.id);
      this.selectedRows = selection.map((item) => ({
        resumeid: item.id,
        audit: item.audit || 0,
        reason: item.reason || "",
      }));
    },
    // 单个删除
    handleDelete(id) {
      this.$confirm("此操作将永久删除该简历, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          try {
            const res = await delResumeApi([id]); // 传入数组格式的id
            if (res.code === 1) {
              this.$message.success("删除成功!");
              this.resumeList(); // 刷新列表
            } else {
              this.$message.error(res.msg || "删除失败");
            }
          } catch (error) {
            console.error("删除失败:", error);
            this.$message.error("删除失败");
          }
        })
        .catch(() => {
          // 取消删除操作
        });
    },
    // 批量删除
    handleBatchDelete() {
      if (this.selectedIds.length === 0) {
        this.$message.warning("请选择要删除的简历");
        return;
      }

      this.$confirm(
        `确定要删除选中的 ${this.selectedIds.length} 份简历吗?`,
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      )
        .then(async () => {
          try {
            const res = await delResumeApi(this.selectedIds);
            if (res.code === 1) {
              this.$message.success("批量删除成功!");
              this.resumeList(); // 刷新列表
              this.selectedIds = []; // 清空选中项
              this.$refs.multipleTable.clearSelection(); // 清空表格选中状态
            } else {
              this.$message.error(res.msg || "删除失败");
            }
          } catch (error) {
            console.error("删除失败:", error);
            this.$message.error("删除失败");
          }
        })
        .catch(() => {
          // 取消删除操作
        });
    },
    // 全选/反选
    toggleSelection() {
      if (this.selectedIds.length === this.resumeListArray.length) {
        this.$refs.multipleTable.clearSelection();
      } else {
        this.resumeListArray.forEach((row) => {
          this.$refs.multipleTable.toggleRowSelection(row, true);
        });
      }
    },
    // 时间戳格式化方法
    formatTime(timestamp) {
      if (!timestamp) return "-";
      const date = new Date(parseInt(timestamp));
      return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
        2,
        "0"
      )}`;
    },
    async handleRecruitTypeChange(type) {
      this.currentRecruitType = type;
      // this.recruitmentQuery.uid = this.id; // 使用当前简历的 uid

      try {
        switch (type) {
          case "received":
            this.recruitmentLoading = true;
            const deliverRes = await selDeliverByUIdApi(this.uid);
            this.deliverList = deliverRes.data;
            break;

          case "invitation":
            this.downloadLoading = true;
            const inviteRes = await selInviteByUIdApi(this.uid);
            this.inviteList = inviteRes.data;
            break;

          case "viewed":
            this.viewedLoading = true;
            const viewedRes = await selViewedPersonByUIdApi(this.uid);
            this.viewedList = viewedRes.data;
            break;

          case "browsed":
            this.browsedLoading = true;
            const browsedRes = await selDeliverPersonByUIdApi(this.uid);
            this.browsedList = browsedRes.data;
            break;
        }
      } catch (error) {
        console.error("获取数据失败:", error);
        this.$message.error("获取数据失败");
      } finally {
        this.recruitmentLoading = false;
        this.downloadLoading = false;
        this.viewedLoading = false;
        this.browsedLoading = false;
      }
    },

    // 查看职位详情
    handleJobDetail(row) {
      window.open(row.jobLinkUrlWeb, "_blank");
    },

    // 分页大小改变
    // handleSizeChange(val) {
    //   this.recruitmentQuery.pageSize = val;
    //   this.handleRecruitTypeChange(this.currentRecruitType);
    // },

    // // 当前页改变
    // handleCurrentChange(val) {
    //   this.recruitmentQuery.page = val;
    //   this.handleRecruitTypeChange(this.currentRecruitType);
    // },

    // 切换日志类型
    async switchLogType(type) {
      this.currentLogType = type;
      // 重置分页
      if (type === "operate") {
        this.operateLogQuery.page = 1;
        await this.getOperateLog();
      } else {
        this.loginLogQuery.page = 1;
        await this.getLoginLog();
      }
    },

    // 获取操作日志
    async getOperateLog() {
      try {
        this.logLoading = true;
        this.operateLogQuery.uid = this.uid;
        console.log("请求参数:", this.operateLogQuery); // 打印请求参数
        const res = await selOperatePersonByUIdApi(this.operateLogQuery);
        console.log("API返回数据:", res); // 打印完整返回数据
        this.operateLogList = res.records || []; // 修改这里，可能返回数据在 res.data 中
        this.operateLogTotal = res.total || 0; // 修改这里，可能返回数据在 res.data 中
        console.log("处理后的列表数据:", this.operateLogList); // 打印处理后的数据
      } catch (error) {
        console.error("获取操作日志失败:", error);
        this.$message.error("获取操作日志失败");
      } finally {
        this.logLoading = false;
      }
    },

    // 获取登录日志
    async getLoginLog() {
      try {
        this.logLoading = true;
        this.loginLogQuery.uid = this.uid;
        console.log("登录日志请求参数:", this.loginLogQuery);
        const res = await selLoginLogApi(this.loginLogQuery);
        console.log("登录日志API返回数据:", res);
        this.loginLogList = res.records || [];
        this.loginLogTotal = res.total || 0;
        console.log("处理后的登录日志数据:", this.loginLogList);
      } catch (error) {
        console.error("获取登录日志失败:", error);
        this.$message.error("获取登录日志失败");
      } finally {
        this.logLoading = false;
      }
    },

    // 操作日志分页大小改变
    handleOperateLogSizeChange(val) {
      this.operateLogQuery.pagesize = val;
      this.getOperateLog();
    },

    // 操作日志当前页改变
    handleOperateLogCurrentChange(val) {
      this.operateLogQuery.page = val;
      this.getOperateLog();
    },

    // 登录日志分页大小改变
    handleLoginLogSizeChange(val) {
      this.loginLogQuery.pagesize = val;
      this.getLoginLog();
    },

    // 登录日志当前页改变
    handleLoginLogCurrentChange(val) {
      this.loginLogQuery.page = val;
      this.getLoginLog();
    },
  },
  filters: {
    // 审核状态过滤器
    auditStatus(audit) {
      const statusMap = {
        0: "待审核",
        1: "已通过",
        2: "未通过",
      };
      return statusMap[audit] || "待审核";
    },
  },
};
</script>

<style scoped lang="scss">
.table-img {
  width: 80px;
}
.shopOrder-dialog {
  height: auto;
  max-height: 600px;
  overflow-y: auto;
  .editor {
    width: 500px;
  }
}
.shopOrder-dialog::-webkit-scrollbar {
  display: none;
}
.base {
  padding: 20px 30px;
  display: flex;
  .logo {
    width: 118px;
    height: 118px;
    margin-right: 20px;
    background-color: #ebeef5;
    border: 1px solid #ebeef5;
    border-radius: 3px;
    img {
      width: 100%;
      height: 100%;
      border-radius: 3px;
    }
  }
  .info {
    flex: 1;
    .title {
      padding: 5px 0 18px;
      display: flex;
      .name {
        font-size: 20px;
        height: 20px;
        color: #303033;
        font-weight: 600;
        margin-right: 10px;
      }
      .user {
        padding-top: 6px;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        color: #777;
        .logoin {
          color: #0078ff;
          cursor: pointer;
        }
      }
      .qcc_box {
        width: 63px;
        height: 20px;
        position: absolute;
        right: 30px;
        z-index: 30;
        cursor: pointer;
        a {
          cursor: pointer;
          color: inherit;
          text-decoration: none;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
    .details {
      max-width: 100%;
      .line {
        margin-bottom: 15px;
        .line_label {
          color: #777;
          font-size: 14px;
          line-height: 14px;
          font-weight: 400;
        }
        .text {
          display: inline-block;
          font-size: 14px;
          line-height: 14px;
        }
        .text_color {
          color: #0078ff;
          cursor: pointer;
        }
      }
    }
  }
}
.bind_icon {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.tab_box {
  padding: 0 30px;
}
.clientInfo_wrapper {
  height: calc(100vh - 246px);
  overflow-y: auto;
}
.tables {
  padding: 20px 0px;
}
.title_t {
  font-weight: 700;
  font-size: 16px;
  margin-left: 20px;
}
.table_content {
  margin-top: 30px;
}
.img_box {
  margin-top: 30px;
}
.logoin {
  color: #0078ff;
  cursor: pointer;
}
.line_label {
  color: #777;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.text {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
}
.text_color {
  color: #0078ff;
  cursor: pointer;
}
.history_list {
  padding: 0 20px;
  height: 600px;
  overflow-x: auto;
}
.total {
  color: #666;
  font-weight: 400;
}

.historyTitle {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  border-bottom: 1px solid #ebeef5;
}
.must {
  display: inline-block;
  width: 38.6px;
  height: 19.3px;
  line-height: 19.3px;
  text-align: center;
  background: #feefea;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #fe6135;
  -webkit-transform: scale(0.83);
  transform: scale(0.83);
}
.photo {
  text-align: center;
  display: inline-block;
  float: right;
  width: 100px;
  height: 100px;
  img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
}
.item-row {
  width: 450px;
  color: #666;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
}
.item-li {
  display: inline-block;
}
.intention {
  padding: 10px 0;
  font-size: 14px;
  color: #666;
}
.education {
  font-size: 14px;
  color: #666;
  padding-bottom: 12px;
  margin-bottom: 4px;
}
.education-li {
  max-width: 48%;
  min-width: 20%;
  margin-right: 20px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
.right-panel {
  flex: 1;
  overflow-y: auto;
  // padding: 20px;
}
.item {
  border-bottom: 1px dotted #ebeef5;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  .info {
    display: flex;
    line-height: 20px;
    padding: 15px 6px;
    .label {
      width: 110px;
      color: #999;
      font-size: 14px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
    }
    .text {
      color: #000;
      font-size: 14px;
    }
  }
}
.item_img_empty {
  margin-bottom: 20px;
  .empty_texts {
    margin-bottom: 20px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #d1cfcf;
    line-height: 30px;
    img {
      width: 120px;
      height: 120px;
      margin-right: 15px;
      margin-top: 10px;
    }
  }
}
.package_information {
  margin: 10px 20px 0 20px;
  background: #fafcff;
  font-size: 14px;
  padding: 15px;
  border-radius: 5px;
  .titles {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
  }
  .content {
    width: 27%;
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 15px;
  }
  .item_img {
    margin-left: 25px;
    .empty_texts {
      margin-bottom: 20px;
      height: 100%;
      text-align: center;
      font-size: 14px;
      color: #d1cfcf;
      line-height: 30px;
      img {
        width: 120px;
        height: 120px;
        margin-right: 15px;
        margin-top: 10px;
      }
    }
  }
  .box {
    margin: 15px 0;
    height: calc(100vh - 246px);
    overflow-y: auto;
    padding: 0 20px;
    .btns {
      .selectButton {
        width: 90px;
        background-color: #0a79eb;
        color: #fff;
      }
    }
  }
  .scrollable {
    overflow-y: auto; /* 当内容超出时显示滚动条 */
    max-height: 500px;
  }
}

// 添加审核状态标签样式
.el-tag {
  &.el-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
  }

  &.el-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
  }

  &.el-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
  }
}

// 审核弹窗样式优化
.certification-content {
  padding: 20px;

  .status-label {
    margin-bottom: 15px;
    font-size: 14px;
    color: #606266;
  }

  .radio-group {
    margin-left: 20px;

    .el-radio {
      margin-right: 20px;
      margin-bottom: 10px;
    }
  }
}

.dialog-footer {
  text-align: right;
}

.experience-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebeef5;
}

.experience-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.time-range {
  color: #909399;
  font-size: 14px;
  margin-bottom: 8px;
}

.school-info,
.company-info {
  font-size: 16px;
  color: #303133;
  margin-bottom: 8px;
}

.major,
.job-name {
  color: #606266;
  margin-left: 8px;
}

.job-duty {
  color: #606266;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.intention {
  padding: 15px 0;
  border-bottom: 1px solid #ebeef5;
}

.intention:last-child {
  border-bottom: none;
}

.item-li {
  display: inline-block;
  line-height: 1.5;
  color: #606266;
}

.duty-content {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  padding-left: 20px;
}

.empty-text {
  color: #909399;
  text-align: center;
  padding: 20px 0;
}

/* 添加hover效果 */
.intention:hover {
  background-color: #f5f7fa;
}

/* 添加滚动条相关样式 */
.resume-detail-pane {
  height: calc(100vh - 200px); /* 根据实际页面布局调整高度 */
  position: relative;
}

.resume-detail-container {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

/* 自定义滚动条样式 */
.resume-detail-container::-webkit-scrollbar {
  width: 6px;
}

.resume-detail-container::-webkit-scrollbar-thumb {
  background: #dcdfe6;
  border-radius: 3px;
}

.resume-detail-container::-webkit-scrollbar-track {
  background: #f5f7fa;
}

/* 保持原有样式 */
.box-card {
  margin-bottom: 20px;
}

.box-card:last-child {
  margin-bottom: 0;
}

.recruitment-wrapper {
  padding: 20px;

  .button-group {
    margin-bottom: 20px;
  }

  .table-container {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
  }
}
</style>
